import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
import React, {Component} from 'react'
import InputCell from "../../component/widget/InputCell";
import {default as styles} from "../../style";
import {Actions} from "react-native-router-flux";

interface AddBankCardProps {

}

interface AddBankCardState {

}


export default class AddBankCard extends Component<AddBankCardProps, AddBankCardState> {


    constructor(props: AddBankCardProps) {
        super(props);
    }

    render() {
        return (<View style={AddBankCardStyle.container}>
            <Text style={AddBankCardStyle.tips}>请绑定持卡人本行的银行卡</Text>
            <InputCell input={{placeholder: "请输入姓名"}} label={{text: "持卡人",style:{fontWeight:"bold"}}}/>
            <InputCell input={{placeholder: "请输入卡号"}} label={{text: "卡号",style:{fontWeight:"bold"}}}/>
            <TouchableOpacity
                style={[styles.centered, {
                    marginHorizontal: 14,
                    marginTop:59,
                    paddingVertical: 12,
                    backgroundColor: "#629C36",
                    borderRadius: 30
                }]} onPress={()=>{Actions.pop()}}>
                <Text style={AddBankCardStyle.btnFont}>确定</Text>
            </TouchableOpacity>
        </View>)
    }
}

const AddBankCardStyle = StyleSheet.create({
    container: {},
    tips: {
        paddingHorizontal: 20,
        paddingVertical:12,
        color: "#999",
        fontSize: 14
    },btnFont: {
        fontSize: 14,
        color: "#fff"
    },
});

 